import React from 'react';
import { Button, Layout, Typography, Space } from 'antd';
import { Link } from 'umi';
import styles from './Home.less';

const { Title, Paragraph } = Typography;
const { Header, Content, Footer } = Layout;

const Home: React.FC = () => {
  return (
    <Layout className={styles.layout}>
      <Header>
        <div className={styles.logo}>Z - WMS</div>
      </Header>
      <Content className={styles.content}>
        <div className={styles.hero}>
          <Title level={1}>欢迎使用基于 VMI 模式的仓储管理系统</Title>
          <Paragraph>
            这是一个高效、智能的仓储管理系统，帮助您更好地管理仓储业务。
          </Paragraph>
          <Space>
            <Button type="primary" size="large">
              <Link to="/user/login">立即登录</Link>
            </Button>
          </Space>
        </div>
      </Content>
      <Footer className={styles.footer}>
        Z - WMS 版权所有 &copy; 2025
      </Footer>
    </Layout>
  );
};

export default Home;